<template>
  <div>
  	<!--<m-header title="评测" fixed>-->
  			<!--<a href="javascript:;" slot="right"><img class="m-icon-img margin-right-10" src="../../assets/images/ic_actionbar_search_icon.png"/></a>-->
  			<!--<a href="javascript:;" slot="right"><img class="m-icon-img" src="../../assets/images/ic_chat_green.png"/></a>-->
  	<!--</m-header>-->
    <img src='./img/eva_top.jpg' alt=""  :style="{ display: 'block', width: '100%'}">
    <div :style="{position:'relative', display: 'block',height:'160px'}">
      <img src='./img/children.jpg' alt=""  :style="{ display: 'block', width: '100%',position:'absolute',zIndex:'-10'}">
      <div :style="{width:'100%',height:'50px',display:'flex',flexDirection:'row',justifyContent:'space-around',paddingTop:'15%'}">
        <OList
          v-for="item in testCount"
          v-bind:todo="item"
          v-bind:key="item.id"
        ></OList>
      </div>
    </div>
    <div :style="{position:'relative',height:'160px'}">
      <img src='./img/11.jpg' alt=""  :style="{ display: 'block', width: '100%',position:'absolute',zIndex:'-1'}">
      <div :style="{display: 'flex',flexDirection: 'row',justifyContent:'center',width:'100%',position: 'absolute', bottom: '10px'}">

        <span
            :style="{height:'40px',background:'#F7546C',width:'25%',color:'#ffffff',display:'block',textAlign:'center',lineHeight:'40px',marginRight:'10px',borderRadius:'10px'}">
           开始评测
        </span>

        <router-link to="/EvaPast"
          :style="{height:'40px',background:'#6FB01F',width:'25%',color:'#ffffff',display:'block',textAlign:'center',lineHeight:'40px',marginRight:'10px',borderRadius:'10px'}">
             往期报告
        </router-link>

      </div>
    </div>
  </div>
</template>

<script>
  import mHeader from '../../components/header'

  export default {
    name: 'index',
    components: {
      mHeader,
      'OList':{  props: ['todo'],template: '<div :style="{color:\'#fff\',fontSize:\'40px\',width:\'10%\',textAlign:\'center\'}">{{ todo }}</div>'}
    },
    data(){

      return{
        testCount:[1,2,3,4,5,6,7],
      }
    },
  }
</script>


<style lang="less">

</style>
